<template>
<div class="foot">
    <div class="top-91">
					<div class="top-9">
						<a href="#" class="top-9-1">关于Qunar.com <i class="top-9-2"></i></a>
						<div class="top-9-3">
							<div class="top-9-4">
								<a class="top-9-1" href="#">联系我们</a>
								<a class="top-9-1" href="#">用户协议</a>
								<a class="top-9-1" href="#">常见问题</a>
								<a class="top-9-1" href="#">友情链接</a>
							</div>
						</div>
					</div>
				  <span class="top-9-5">|</span>
					<a href="#" class="top-9-5 top-9-6">业务合作</a>
					<span class="top-9-5">|</span>
					<a href="#" class="top-9-5 top-9-6">加入我们</a>
					<span class="top-9-5">|</span>
					<a href="#" class="top-9-5 top-9-6">"严重违规失信"专项整治举报</a>
					<span class="top-9-5">|</span>
					<a href="#" class="top-9-5 top-9-6">安全中心</a>
					<span class="top-9-5">|</span>
					<a href="#" class="top-9-5 top-9-6">星骆驼公益</a>
					<span class="top-9-5">|</span>
					<a href="#" class="top-9-5 top-9-6">About Us</a>
					
					<p class="top-9-7">
						<span>Copyright ©2020 Qunar.com</span>
						<a href="#" class="top-9-5 top-9-6">京公网安备11010802030542</a>
						<a href="#" class="top-9-5 top-9-6">京ICP备05021087号</a>
						<a href="#" class="top-9-5 top-9-6">京ICP证060856号</a>
						<a href="#" class="top-9-5 top-9-6">营业执照信息</a>
						<a href="#" class="top-9-5 top-9-6">(京)-非经营性-2016-0110</a>
						<span class="top-9-8">去哪儿网客服电话95117</span>
					</p>
					<p class="top-9-7">违法和不良信息举报电话：010-59606977违法和不良信息举报邮箱：tousu@qunar.com</p>
					
				</div>
	<div class="top-10">
					<div class="top-8-22">
						<ul class="top-10-1">
							<li class="top-10-5"><a href="javascript:;"><img src="/img/index/globalsign.gif" height="30"></a></li>
							<li class="top-10-2"><a class="top-10-6 top-10-5" href="javascript:;"></a></li>
							<li class="top-10-3"><a class="top-10-6 top-10-5" href="javascript:;"></a></li>
							<li class="top-10-4"><a class="top-10-6 top-10-5" href="javascript:;"></a></li>
						</ul>
					</div>	
			   </div>
	</div>
</template>
<style scoped>
    .top-91{text-align: center;padding-bottom: 10px;clear: right;font-size: 12px;}
.top-9{text-align: left;display: inline-block;width: 110px;border: 1px solid transparent;white-space: nowrap;color: #999;}
.top-9-1{padding: 0 5px;line-height: 22px;height: 22px;display: inline-block;color: #999;white-space: nowrap;}
.top-9-2{width: 7px;height: 4px;display: inline-block;background: url(/img/index/arc.png) no-repeat left bottom;}
.top-9-3{height: 0;position: relative;z-index: 999;display: block;}
.top-9-4{position: absolute;left: -1px;bottom: 22px;border: 1px solid #ddd;background-color: #fff;width: 110px;white-space: normal;display: none;}
.top-9-1:hover{color: #f60;white-space: nowrap;}
.top-9-1:hover i{width: 7px;height: 4px;display: inline-block;background: url(/img/index/arc.png) no-repeat left top;}
.top-9:hover{border: 1px solid #ddd;}
.top-9:hover .top-9-4{display: block;}
.top-9-5{color: #999;}
.top-9-6{margin: 0 2px;}
.top-9-7{color: #999;padding: 10px 0;}
.top-9-8{background:url(/img/index/24h.png) no-repeat left center;padding-left: 20px;}
.top-8-22::after{
  content:"";
  display: block;
  clear:both;
}
.top-10{position: relative;left: 36%;width: 979px;text-align: center;}
.top-10-1{padding-bottom: 4px;overflow: hidden;position: relative;float: left;}
.top-10-2{width: 49px;height: 30px;background: url(/img/index/footer_v10.png) -106px 0 no-repeat;float: left;margin-right: 10px;display: block;}
.top-10-3{width: 87px;height: 30px;background: url(/img/index/b7a21dd65d899f5ef3e81abee2ef8842.png) -523px 0 no-repeat;float: left;margin-right: 10px;display: block;}
.top-10-4{width: 97px;height: 30px;background: url(/img/index/b7a21dd65d899f5ef3e81abee2ef8842.png) -613px 0 no-repeat;float: left;margin-right: 10px;display: block;}
.top-10-5{float: left;margin-right: 10px;}
.top-10-6{display: block;width: 100%;height: 30px;}
</style>